.sprite {
    background-image: url(/res/images/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
}

.sprite-icon-dis-backend-close_01 {
    width: 6px;
    height: 6px;
    background-position: 0 0;
    &:hover{
        cursor: pointer;
    };
}

.sprite-icon-dis-backend-close_02 {
    width: 11px;
    height: 11px;
    background-position: -6px 0;
    &:hover{
        cursor: pointer;
    };
}
.sprite-icon-dis-backend-datapick {
    width: 21px;
    height: 21px;
    background-position: -17px 0;
}

.sprite-icon-dis-backend-deploy_01 {
    width: 15px;
    height: 8px;
    background-position: -38px 0;
}

.sprite-icon-dis-backend-deploy_02 {
    width: 15px;
    height: 8px;
    background-position: -53px 0;
}

.sprite-icon-dis-backend-deploy_03 {
    width: 15px;
    height: 8px;
    background-position: -38px -8px;
}

.sprite-icon-dis-backend-deploy_04 {
    width: 15px;
    height: 8px;
    background-position: -53px -8px;
}

.sprite-icon-dis-backend-deploy_05 {
    width: 11px;
    height: 6px;
    background-position: 0 -16px;
}

.sprite-icon-dis-backend-deploy_06 {
    width: 11px;
    height: 6px;
    background-position: -38px -16px;
}

.sprite-icon-dis-backend-deploy_07 {
    width: 5px;
    height: 8px;
    background-position: -68px 0;
}

.sprite-icon-dis-backend-deploy_08 {
    width: 5px;
    height: 8px;
    background-position: 0 -8px;
}

.sprite-icon-dis-backend-nav-account_01 {
    width: 20px;
    height: 16px;
    background-position: -49px -16px;
}

.sprite-icon-dis-backend-nav-account_02 {
    width: 20px;
    height: 16px;
    background-position: 0 -32px;
}

.sprite-icon-dis-backend-nav-account_03 {
    width: 20px;
    height: 16px;
    background-position: -20px -32px;
}

.sprite-icon-dis-backend-nav-distribution_01 {
    width: 16px;
    height: 15px;
    background-position: -40px -32px;
}

.sprite-icon-dis-backend-nav-distribution_02 {
    width: 16px;
    height: 15px;
    background-position: -56px -32px;
}

.sprite-icon-dis-backend-nav-distribution_03 {
    width: 16px;
    height: 15px;
    background-position: -40px -47px;
}

.sprite-icon-dis-backend-nav-finance_01 {
    width: 17px;
    height: 17px;
    background-position: -56px -47px;
}

.sprite-icon-dis-backend-nav-finance_02 {
    width: 17px;
    height: 17px;
    background-position: -73px 0;
}

.sprite-icon-dis-backend-nav-finance_03 {
    width: 17px;
    height: 17px;
    background-position: -72px -17px;
}

.sprite-icon-dis-backend-nav-product_01 {
    width: 16px;
    height: 16px;
    background-position: -73px -34px;
}

.sprite-icon-dis-backend-nav-product_02 {
    width: 16px;
    height: 16px;
    background-position: 0 -50px;
}

.sprite-icon-dis-backend-nav-product_03 {
    width: 16px;
    height: 16px;
    background-position: -16px -50px;
}

.sprite-icon-dis-backend-tab_01 {
    width: 15px;
    height: 19px;
    background-position: -73px -50px;
}

.sprite-icon-dis-backend-tab_02 {
    width: 15px;
    height: 19px;
    background-position: 0 -69px;
}

.sprite-icon-dis-backend-tab_03 {
    width: 14px;
    height: 19px;
    background-position: -15px -69px;
}

.sprite-icon-dis-backend-tab_04 {
    width: 14px;
    height: 19px;
    background-position: -29px -69px;
}

.sprite-icon-dis-backend_warning {
    width: 12px;
    height: 12px;
    background-position: -43px -69px;
}
.sprite2 {
    background-image: url(/res/images/spritesheet2.png);
    background-repeat: no-repeat;
    display: inline-block;
}

.sprite2-icon-dis-backend-platform_01 {
    width: 60px;
    height: 28px;
    background-position: 0 0;
}

.sprite2-icon-dis-backend-platform_02 {
    width: 59px;
    height: 27px;
    background-position: 0 -28px;
}
